<template>
	<view class="lt-card">
		<view class="p-b-8px">
			<v-slot name="header"></v-slot>
		</view>
		<slot></slot>
		<view class="p-t-12px">
			<slot name="footer"></slot>
		</view>
	</view>
</template>

<script setup lang="ts"></script>

<style scoped>
	.lt-card {
		border-radius: 6px;
		border: 1px solid #e4e7ed;
		background-color: #fff;
		overflow: hidden;
		color: #303133;
		@apply p-x-20px p-t-10px p-b-0px dark: bg-#1d1e1f dark:c-#cfd3dc dark:b-#414243 flex flex-col flex-1 transition-ease-in-out transition-300;
	}
</style>